<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Online Java IDE</title>
<link href="style/homepage_styles.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/idenewlogo.png">
<style>
#wrapper- {  min-width:1024px;position:absolute;top:5px;}
#header-{ float: left; width: 99%; min-height: 100px;margin:10px; display: block; clear: both; font-family: Broadway,Forte,AR JULIAN,AR DESTINE, Helvetica, sans-serif; font-color:white;font-weight: bold;font-size: 3em;}
#footer-{ background-color:#000000;float: left; width: 1241px; margin:5px; display: block; clear: both; font-family: Arial, Helvetica, sans-serif; font-color:white;text-align: center;font-weight: bold;}
#content-wrapper- { float: left; width: 99%; margin:5px; display: block; clear: both; }
#sidebar-left-{background-color:silver; float: left; width: 212px; height: 802px; }
#sidebar-right- { background-color:silver; width: 300px; height: 802px; position:absolute; left:947px; }
#content- { background-color:#efefef; float: left; width:730px;  min-height: 500px; }



.sky {
			/* height:700px; 
			changing height to fit screen
			*/
			height:930px; 
			background:#007fd5;
			position:relative;
			overflow:hidden;
			-webkit-animation:sky_background 50s ease-out infinite;
			-moz-animation:sky_background 50s ease-out infinite;
			-o-animation:sky_background 50s ease-out infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
						
		
		.clouds_one {
			background:url(images/cloud_one.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_one 50s linear infinite;
			-moz-animation:cloud_one 50s linear infinite;
			-o-animation:cloud_one 50s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		.clouds_two {
			background:url(images/cloud_two.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_two 75s linear infinite;
			-moz-animation:cloud_two 75s linear infinite;
			-o-animation:cloud_two 75s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		.clouds_three {
			background:url(images/cloud_three.png);
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:300%;
			-webkit-animation:cloud_three 100s linear infinite;
			-moz-animation:cloud_three 100s linear infinite;
			-o-animation:cloud_three 100s linear infinite;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0)
		}
		
		@-webkit-keyframes sky_background {
			0% {
				background:#007fd5;
				color:#007fd5
			}
			
			50% {
				background:#000;
				color:#a3d9ff
			}
			
			100% {
				background:#007fd5;
				color:#007fd5
			}
		}
		
		@-webkit-keyframes moon {
			0% {
				opacity: 0;
				left:-200%
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
			
			50% {
				opacity: 1;
				-moz-transform: scale(1);
				left:0%
				bottom:250px;
  				-webkit-transform: scale(1);
			}
		
			100% {
				opacity: 0;
				bottom:500px;
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
		}
		
		@-webkit-keyframes cloud_one {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-webkit-keyframes cloud_two {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-webkit-keyframes cloud_three {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes sky_background {
			0% {
				background:#007fd5;
				color:#007fd5
			}
			
			50% {
				background:#000;
				color:#a3d9ff
			}
			
			100% {
				background:#007fd5;
				color:#007fd5
			}
		}
		
		@-moz-keyframes moon {
			0% {
				opacity: 0;
				left:-200%
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
			
			50% {
				opacity: 1;
				-moz-transform: scale(1);
				left:0%
				bottom:250px;
  				-webkit-transform: scale(1);
			}
		
			100% {
				opacity: 0;
				bottom:500px;
				-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
			}
		}
		
		@-moz-keyframes cloud_one {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes cloud_two {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
		
		@-moz-keyframes cloud_three {
			0% {
				left:0
			}
		
			100% {
				left:-200%
			}
		}
</style>
	<style type="text/css">
		/* basic menu styles */
		.block-menu {
			display: block;
			/*background: silver;*/
		}

		.block-menu li {
			display: inline-block;			
		}

		.block-menu li a {
			color: #fff;
			display: block;
			text-decoration: none;
			font-family: 'Passion One',Arial,sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-font-smoothing: antialiased;
			font-smoothing: antialiased;
			text-transform: uppercase;
			overflow: visible;
			line-height: 20px;
			/* font-size: 24px; */
			background-color:silver;
			/*width: 150px;*/
			/* chaning the link width*/
			width:191px;
			padding: 15px 10px; 
		}

		/* animation domination */
		.three-d {
			-webkit-perspective: 200px;
			-moz-perspective: 200px;
			perspective: 200px;
			-webkit-transition: all .07s linear;
			-moz-transition: all .07s linear;
			transition: all .07s linear;
			position: relative;
		}

			.three-d:not(.active):hover {
				cursor: pointer;
			}

			.three-d:not(.active):hover .three-d-box, 
			.three-d:not(.active):focus .three-d-box {
				-moz-transform: translateZ(-25px) rotateX(90deg);
				-webkit-transform: translateZ(-25px) rotateX(90deg);
				-o-transform: translateZ(-25px) rotateX(90deg);
				transform: translateZ(-25px) rotateX(90deg);
			}

		.three-d-box {
			-webkit-transition: all .3s ease-out;
			-moz-transition: all .3s ease-out;
			-ms-transition: all .3s ease-out;
			-o-transition: all .3s ease-out;
			transition: all .3s ease-out;
			-webkit-transform: translateZ(-25px);
			-moz-transform: translateZ(-25px);
			-o-transform: translateZ(-25px);
			transform: translateZ(-25px);
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			pointer-events: none;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
		}

		.front {
			-webkit-transform: rotateX(0deg) translateZ(25px);
			-moz-transform: rotateX(0deg) translateZ(25px);
			-o-transform: rotateX(0deg) translateZ(25px);
			transform: rotateX(0deg) translateZ(25px);	
			color: white;	
			width:100%;			
		}

		.back {
			-webkit-transform: rotateX(-90deg) translateZ(25px);
			-moz-transform: rotateX(-90deg) translateZ(25px);
			-o-transform: rotateX(-90deg) translateZ(25px);
			transform: rotateX(-90deg) translateZ(25px);
			color: silver;
			font-weight:900;
			width:100%;
		}

		.front, .back {
			display: block;
			
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: maroon;
			border-radius: 5px;
			padding: 15px 10px;
			
			pointer-events: none;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	</style>
</head>

<body>
<div class="sky" style="z-index:-1">
    	    	
    
        <div class="clouds_one"></div>

        <div class="clouds_two"></div>

        <div class="clouds_three"></div>
    </div>
<div id="wrapper-">

<div id="header-"> 
<span><img src="images/idenewlogo.png" width="110px" height="110px"  Alt="OJI Logo"   border="0" ></span>
<span style="color: maroon; position: relative; left: 100px; top: -40px;">Online Java IDE</span>
</div>

<div id="content-wrapper-">
<div id="sidebar-left-">
<div class="gadget">
                                       
                                        <ul class="block-menu">
                                        		<li><b><a href="userdetails.jsf"; class="three-d" target="_blank" style="color:red" shape="poly" onclick="return checkBrowser();">Online Java IDE <span class="three-d-box"><span class="front">Online Java IDE</span><span class="back">Online Java IDE</span></span></a></b></li>
                                        		<li><b><a href="http://onlinejavaide.com/FreeWebservicesClient/client_pages/pnrstatus.jsf" class="three-d" target="_blank">PNR Status (NEW)<span class="three-d-box"><span class="front">PNR Status (NEW)</span><span class="back">PNR Status (NEW)</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/all-exceptions-in-real-time.html" class="three-d" target="_blank">Exceptions- Realtime<span class="three-d-box"><span class="front">Exceptions- Realtime</span><span class="back">Exceptions- Realtime</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/collection-framework.html" class="three-d" target="_blank">Design Pattern Real time<span class="three-d-box"><span class="front">Design Pattern Real time</span><span class="back">Design Pattern Real time</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/jaxb.html" class="three-d" target="_blank">JAXB-XML Utils<span class="three-d-box"><span class="front">JAXB-XML Utils</span><span class="back">JAXB-XML Utils</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/string-date-utils.html" class="three-d" target="_blank">String-Date Utils<span class="three-d-box"><span class="front">String-Date Utils</span><span class="back">String-Date Utils</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/java-script-utils.html" class="three-d" target="_blank">JavaScript &amp; Ajax realtime<span class="three-d-box"><span class="front">JavaScript &amp; Ajax realtime</span><span class="back">JavaScript &amp; Ajax realtime</span></span></a></b></li>
                                                <li><b><a href="http://www.realtimejavaexamples.blogspot.in/p/java-advanced-utils.html" class="three-d" target="_blank">Java Advanced Utils<span class="three-d-box"><span class="front">Java Advanced Utils</span><span class="back">Java Advanced Utils</span></span></a></b></li>
												<li><b><a href="http://arrahmansongs.onlinejavaide.com/" class="three-d" target="_blank">ARRahman Songs<span class="three-d-box"><span class="front">ARRahman Songs</span><span class="back">ARRahman Songs</span></span></a></b></li>
												
                                                <li style="color:maroon;width: 210px;height:80px;border: solid 1px #000;border-radius: 5px;position: relative;left:-39px;top:10px;"><b><span >My Page Hits</span></b><a style="position:relative;left:0px;width:190px;" href="http://www.hitwebcounter.com/" target="_blank">
							<img src="http://hitwebcounter.com/counter/counter.php?page=4572457&style=0009&nbdigits=8&type=page&initCount=500" title="check hits" Alt="check hits"   border="0" >
							</a><br/>
							</li>
                             
                                        </ul>
                                </div>
</div>
<div id="content-"> 

<ul id="nav">
	<li ><a href="http://www.onlinejavaide.com" target="_blank"  >Home</a></li>
	<li><a href="userdetails.jsf" target="_blank" >Online Java IDE</a></li>
	<li><a href="http://onlinejavaide.com/FreeWebservicesClient/homepage/index.html" target="_blank" >Free Web Services</a></li>
	<li><a href="http://onlinejavaide.com/FreeWebservicesClient/client_pages/pnrstatus.jsf" target="_blank" >PNR STATUS</a></li>
	<li><a href="http://realtimejavaexamples.blogspot.in" target="_blank" >My Java Blog</a></li>
	
</ul>

<div class="mainbar">
                                <div class="article">
                                        <h2>About Online Java IDE</h2>
                                        <p>I am happy to share my knowledge and work experience. </p>
                                        <p>When ever we do coding in corresponding projects we would have written java programs like java utilities,
                                           and when we are out of the project or when we are out of company there may be a chance of loosing those small
                                           Utilities or small java programs and
                                        In some client specific projects due to security reasons, there may be chance of not installing softwares
                                         like JDK,Eclipse. At this point of time ,if want run small there wouldn't be environment like eclipse.</p>
                                         <p>There may be situations like due to lack of administration rights we would not able to install jdk.</p>
                                        <p>In this scenario we would end up with testing small java code we need to do in Project itself . Again it takes much time
                                        to test small programs also in real projects</p>
                                        <p>To Avoid such problems like admin right and small java piece of code testing I have created one <b> Online Java IDE</b>
                                           Here no need of JDK, Eclipse kind of tools.
                                           
                                           Just with the few steps, we can register ourself , and start doing coding, compile, save or Run programs.
                                           And programs will be remain same when ever you login. 
                                        </p>      
                                </div>
                                <div class="article"> 
                                        <h2>Benefits of Online Java IDE</h2>
                                        <p>
                                                <li><h4 >Works as Java Compiler</h4></li>
                                                <li><h4 >No Need of JDK and Eclipse on Local Machine</h4></li>
                                                <li><h4 >Save and Open own Programs online</h4></li>
                                                <li><h4 >Run set of classes under package</h4></li>
                                                <li><h4 >Run programs with required Jar files</h4></li>
                                                <li><h4 >Even after login again from any where same user workspace will be loaded</h4></li>
                                        </p>
                                </div>
                                
                        </div>
                        
</div>
	<div id="sidebar-right-"> </div>
</div>

<div id="footer-"> 
<span >Registered by www.onlinejavaide.com &copy; 2013  </span>
</div>
</div>
</body>
</html>